<style>
    .tree-view-menu-list a{
        cursor:pointer;
    }
    .XH-Form-Node label{
        width: 70px;
    }
    .XH-Form-Node .form-inline{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    body {
        overflow-y: auto;
    }
    .interval {
        margin-left: 15px;
    }
    .xh-hidden {
        display: none !important;
    }
    .view-exist {

    }
</style>
{#<ul class="breadcrumb">#}
    {#<li><i class="fa fa-home fa-lg"></i> 主页</li>#}
    {#<li>权限管理</li>#}
    {#<li>添加权限</li>#}
{#</ul>#}
<div class="row">
    <div class="col-md-6">
        <div class="smart-widget">
            <div class="smart-widget-header">
                目前权限结构
            </div>
            <div class="smart-widget-inner">
                <div class="smart-widget-body" style="padding-left: 20px;max-height: 700px;overflow-y: auto;">
                    {{ powerTree }}
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="smart-widget">
            <div class="smart-widget-header">
                设置权限标签
            </div>
            <div class="smart-widget-inner">
                <div class="smart-widget-body" style="padding-left: 20px;">
                    <form id="form_power" class="XH-Form-Node" method="post">
                        <blockquote>
                            <div class="form-inline">
                                <label>节点ID：</label>
                                <input id="powerNodeId" name="powerNodeId" type="text" class="form-control" readonly>
                                <label class="interval">节点名称：</label>
                                <input id="powerNodeName" name="powerNodeName" type="text" class="form-control" readonly>
                            </div>
                            <div class="form-inline">
                                {#<input name="mainPowerId" type="text" class="form-control xh-hidden">#}
                                <label>主权限：</label>
                                <input name="mainPowerTag" id="mainPowerTag" type="text" class="form-control">
                                <label class="interval">名称：</label>
                                <input name="mainPowerName" id="mainPowerName" type="text" class="form-control">
                                <a id="bt_createBase" class="btn btn-default btn-sm">生成基本权限</a>
                                <a class="btn btn-success btn-sm view-exist">查看已有</a>
                            </div>
                            <div class="form-inline">
                                <label>扩展地址：</label>
                                <input name="mainExtraUrl" id="mainExtraUrl" type="text" class="form-control" style="width:400px">
                            </div>
                        </blockquote>
                        <div class="form-inline power-extra">
                            <label>权限：</label>
                            <input name="powerTag[]" type="text" class="form-control">
                            <label class="interval">名称：</label>
                            <input name="powerName[]" type="text" class="form-control">
                            <a class="btn btn-success btn-sm view-exist">查看已有</a>
                        </div>
                        {#<div class="form-inline">#}
                            {#<div class="checkbox">#}
                                {#<label style="margin-right: 20px">#}
                                    {#<input type="checkbox" name="OtherPower" value="1"> 其他权限#}
                                {#</label>#}
                            {#</div>#}
                            {#<div class="checkbox">#}
                                {#<label>#}
                                    {#<input type="checkbox" name="ExtraPower" value="1"> 扩展权限#}
                                {#</label>#}
                            {#</div>#}
                        {#</div>#}
                        <a id="bt_addExtra" class="btn btn-danger marginTB-xs" style="margin-left: 74px">增加其他权限</a>
                        <a id="bt_confirm" class="btn btn-success marginTB-xs xh-btn-load">提交</a>
                        <a id="bt_reset" class="btn btn-default marginTB-xs">重置</a>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
